<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04-Node的属性</title>
</head>
<body>

<span id="spanid">哈哈呵呵</span><br/>


<input id="input_1" >输入框</input>

<script type="text/javascript">
    //获取标签对象
    var span1 = document.getElementById("spanid");
    var input_1 = document.getElementById("input_1");
    //alert(span1.nodeType);   //  1
    ///alert(span1.nodeName);   // SPAN
    ///alert(span1.nodeValue);  // null

    //属性
    var id1 = span1.getAttributeNode("id");
    var input_1_attributeNode = input_1.getAttributeNode("id");
    var firstChild_node = input_1_attributeNode.firstChild;
    //alert(id1.nodeType);  // 2
    //alert(id1.nodeName);  // id
    //alert(id1.nodeValue); // spanid

    //获取文本
    var text1 = span1.firstChild;
//    alert(text1.nodeType);  //  3
//    alert(text1.nodeName);  // #text
//    alert(text1.nodeValue); // 内容
     var node = span1.firstChild;
//    node.nodeName

    document.write(node.nodeType);
    document.write("<br/>")
    document.writeln(node.nodeName);
    document.write("<br/>")
    document.write(node.nodeValue)


    document.write(firstChild_node.nodeType);
    document.write("<br/>")
    document.writeln(firstChild_node.nodeName);
    document.write("<br/>")
    document.write(firstChild_node.nodeValue)
</script>

</body>
</html>